<template>
  <h2>生命周期</h2>
</template>

<script>
// onMounted是生命周期，函数(可以调用多次的)
import { onMounted, onBeforeUnmount } from "vue";

export default {
  setup() {
    // 要传入一个回调函数作为参数

    // 将beforeCreate和created删除了, 如果还想用，可以直接在setup里面写
    // 其他的生命周期全部前面加上on，从vue里面解构

    console.log("created");

    onMounted(() => {
      console.log("onMounted1");
    });

    onMounted(() => {
      console.log("onMounted2");
    });

    onMounted(() => {
      console.log("onMounted3");
    });

    onBeforeUnmount(() => {
      console.log("卸载前");
    });
  },
};
</script>
